<template>
	<MobileSimulation>
		<Search v-model="value" style="margin:10px">
			<div style="height:100%;display:flex;justify-content:center;align-items:center;">
				<Icon name="search" size="20"/>搜索
			</div>
			<template #prepend>
				<Icon name="crop_free" size="24" style="margin:10px"/>
			</template>
			<template #append>
				<Icon name="photo_camera" size="24" style="margin:10px"/>
			</template>
		</Search>
	</MobileSimulation>
</template>

<script>
import MobileSimulation from '../../../../components/MobileSimulation';
import Search from '@/components/app/search';
import Icon from '@/components/app/icon';

export default {
	name:'index',
	components:{
		MobileSimulation,
		Search,
		Icon,
	},
	data(){
		return {
			value:'',
			style:{
				color:'green'
			},
		};
	},
	computed:{
	},
	methods:{
	}
};
</script>

<style lang="scss">
</style>
